<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>小意酒店</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <link rel="stylesheet" type="text/css" href="../static/css/reset.css"/>
    <link rel="stylesheet" type="text/css" href="../static/css/slick-theme.css"/>
    <link rel="stylesheet" type="text/css" href="../static/css/slick.css"/>
    <link rel="stylesheet" type="text/css" href="../static/css/animate.min.css"/>
    <link rel="stylesheet" type="text/css" href="../static/css/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="../static/css/style.css"/>
    <link rel="stylesheet" type="text/css" href="../static/css/responsive.css"/>
    <!--[if lte IE 9]>
    <script>if (!/update\.htm/.test(location.href)) window.location = 'https://www.baidu.com/'; </script>
    <![endif]-->
</head>
<body>
<header class="header">
    <div class="container">
        <div class="headerbar">
<!--            <a href="/" class="logo"><img src="../static/picture/logo.png"></a>-->
            <div class="menu" id="showMenu">
                <span class="line"></span>
                <span class="line"></span>
                <span class="line"></span>
            </div>
        </div>
        <nav class="header-nav">
<!--            <div class="xs-logo"><img src="../static/picture/logo.png" width="60px"></div>-->
            <div class="off-munu" id="hideMenu">
                <span class="line-1"></span>
                <span class="line-2"></span>
            </div>
            <div class="icon-wrap">
                <i class="icon-1"></i>
                <i class="icon-2"></i>
            </div>
            <ul>
                <li class="nav-item active"><a href="/">page</a></li>
                <li class="nav-item ">
                <a href="../index/aboutus.html">About XiaoYi</a>
                <div class="sub-nav-wrap">
                    <ul class="list-view-wrap">
                        <li><a href="../index/aboutus.html" class="active">About us</a></li>
                        <li><a href="../index/history.html">Brand background</a></li>
                        <li><a href="../index/ceo.html">Brand CEO</a></li>
                    </ul>
                </div>
                </li>
                <li class="nav-item "><a href="../page/login/login.jsp">User login</a></li>
                <li class="nav-item "><a href="../page/register/register.jsp">User registration</a></li>
                <li class="nav-item "><a href="../user/loginMyorder">My order</a></li>
                <li class="nav-item"><a href="../BookList" target="_blank">Hotel Reservation</a></li>
            </ul>

            <div class="change-language">
                <a href="index.html"><span class="go-go-eng" style="color:#fff">CH</span></a>
                <span>/</span>
                <a href="index_en.html"><span class="go-go-eng" style="color:#fff">EN</span></a>
            </div>
        </nav>
    </div>
</header>
<div class="index-kv">
    <div class="slider" id="kv">
        <div class="slider-group">
            <div class="item" style="background-image: url(../static/images/c4fa1dcf706dae1a6c5bdbd2e283777a.jpg);">
                <div class="contain">
                    <div class="kv-logo"><img src="../static/picture/index_kv_logo.png"></div>
                    <p class="txt">Quality<br>Fast / raw / Live / empty / room</p>
                    <a href="http://www.plateno.com/" target="_blank" class="link-btn"><img src="../static/picture/btn.png"></a>
                </div>
            </div>
            <div class="item" style="background-image: url(../static/images/5ecb88c365f8aadebab5ccf72e7d7537.jpg);">
            </div>
            <div class="item" style="background-image: url(../static/images/ff4807cbf8e23201831f448faaf4a13e.jpg);">
            </div>
        </div>
        <div class="dots"></div>
    </div>
</div>
<div class="index-se-1">
    <div class="container">
        <div class="wrap clear">
            <div class="img-box">
                <div  class="img-1 wow animated fadeInLeft edimg"><img class="edit-data-img"  data-name="image1"  src="../static/picture/31b8fed7b3d97798360c892ce29ae526.jpg"></div>
                <div class="img-2 wow animated fadeIn edimg"  data-wow-delay="0.6s">
                    <img class="edit-data-img" data-name="image2" src="../static/picture/7d9c426f07ea8971a82bd4ed2c15d64e.png">
                    <span class="tag edit-data" data-name="title3">COLORFUL</span>
                </div>
            </div>
            <div class="content wow animated fadeInRight">
                <div class="se-title-1">
                    <span class="small-en-title edit-data" data-name="title1">COLORFUL LIVING</span>
                    <h2 class="edit-data" data-name="title2">Xiaoyi colorful living</h2>
                </div>
                <p class="summary edit-data" data-name="cent1">XiaoYi Hotel, a business travel space to temper the texture in the fast life
                    <br>Always keep curious about the world, such as colorful primary color, refract rich life through prism
                    <br>Travel is more than one side
                    <br>Every time we explore, we abandon the inherent inertia of life and release surprise attitude in the excavation
                    <br>In the pursuit of the rapid development of the world is always fun
                    <br>Take it easy, every day Colorful Living</p>
                <a href="../index/aboutus.html" class="reset-btn">Learn more</a>
            </div>
        </div>
    </div>
    <div class="icon-1"></div>
</div>
<div class="index-se-2">
    <div class="container clear">
        <p class="summary  wow animated fadeIn edit-data" data-name="cent2"  data-wow-delay="0.3s">Life, originally abstract and multifaceted, in the busy pace, we still embrace the curiosity of life, so we always keep exploring and full of desire. Just like a prism, through the sunlight, we can reflect the colorful life choices and radiate various colors and experiences. So, it's even more fascinating......</p>
        <div class="features-list clear">
            <div class="item item-1 wow animated fadeIn">
                <span></span>
                <h3 class="edit-data" data-name="tit1">Quality, fast life</h3>
                <p class="edit-data" data-name="tit2">Process / product / facility</p>
            </div>
            <div class="item item-2 wow animated fadeIn" data-wow-delay="0.3s">
                <span></span>
                <h3 class="edit-data" data-name="tit3">Prismatic color</h3>
                <p class="edit-data" data-name="tit4">Environment / atmosphere</p>
            </div>
            <div class="item item-3 wow animated fadeIn" data-wow-delay="0.6s">
                <span></span>
                <h3 class="edit-data" data-name="tit5">Living experience</h3>
                <p class="edit-data" data-name="tit6">Easy release</p>
            </div>
            <div class="item item-4 wow animated fadeIn" data-wow-delay="0.9s">
                <span></span>
                <h3 class="edit-data" data-name="tit7">Be Considerate</h3>
                <p class="edit-data" data-name="tit8">service idea</p>
            </div>
        </div>
    </div>
</div>
<div class="index-se-3">
    <div class="slide">
        <div class="slider-group clear">
            <div class="images-list" id="showImages">
                <div class="img-item" style="background-image: url(../static/images/04e2c9c3e2bdb098f8de2047c3b427da.jpg);"></div>
                <div class="img-item" style="background-image: url(../static/images/ca25cb9372c2c465a8c7acd5730356d1.jpg);"></div>
                <div class="img-item" style="background-image: url(../static/images/d9c93f01aaa333b341f86fbde378222b.jpg);"></div>
            </div>
            <div class="content-list">
                <div class="content-group" id="hotelIntroduction">
                    <div class="con-item">
                        <div>
                            <div class="se-title-1">
                                <span class="small-en-title">MORE THAN ONE TRAVEL EXPERIENCE</span>
                                <h2>Travel experience with more than one side</h2>
                            </div>
                            <p class="summary">The upgrading is not only space,but also the overall promotion of the brand core.</p>
                            <p class="summary"> Starting from the new design concept of prism, the matching of lines, materials and colors becomes rich, and various elements collide with each other but do not conflict, and merge into an ideal space for fast life. Colorful prism space creates more than one travel experience.</p>
                        </div>
                    </div>
                    <div class="con-item">
                        <div>
                            <div class="se-title-1">
                                <span class="small-en-title">RELEASE REALLY FEELS GOOD TO ME</span>
                                <h2>The right space design releases my true feelings</h2>
                            </div>
                            <p class="summary">The overall simple guest room design, supplemented by blue and log colors as the main color matching, makes the whole room find a balance between the design sense and the practical sense, decorates the bed flag and carpet, irregular color blocks, and releases the true feeling in the private space.</p>
                        </div>
                    </div>
                    <div class="con-item">
                        <div>
                            <div class="se-title-1">
                                <span class="small-en-title">MODERN SIMPLICITY</span>
                                <h2>Modern simplicity without losing business style</h2>
                            </div>
                            <p class="summary">Modern and simple bathroom space, with ceramic tile, stone as the main keynote. With the help of soft lighting effect, the whole bathroom space is balanced in the sense of design and practicality</p>
                        </div>
                    </div>
                </div>
                <div class="icon"></div>
            </div>
        </div>
        <div class="dots" id="roomDots"></div>
    </div>
    <a href="/join/unique.html" class="reset-btn">See more</a>
</div>
<div class="index-se-4">
    <div class="container">
        <div class="se-title-1">
            <span class="small-en-title">CHAO MAN NEWS</span>
            <h2>Fashion News</h2>
        </div>
        <div class="new-news">
            <div class="news-show">
                <div class="item">
                    <a class="img" href="/news/news_info.html?id=69"><img src="../static/picture/img_4.jpg" /></a>
                    <div class="content">
                        <h3><a href="/news/news_info.html?id=69">How to speed up the preparation and maintain the quality？</a></h3>
                        <p class="summary"> Travel more than one side! As the representative of "middle end business hotel", the Chaoman hotel of Jinjiang Hotel (China area) is constantly extending its brand connotation, striving to seek more quality life experience for residents besides the fast life of business travel。Since the launch of Chaoman 2.0, Chaoman hotel has been practicing the "modular space design standard". Through the modular treatment of the hotel space, it can quickly unify the design standards, greatly shorten the design and construction cycle, but also ensure the diversity of space, which will provide high-quality business travel experience for residents in the future. The modular space design standard is unified, the design cycle of single shop drawing is shortened by one third, and the design time of complete set of construction drawings is within 30 days. What is the modular space design standard? Taking the hotel lobby as an example, the design team of Chaoman hotel has modularized it into 7 functional modules, which can be flexibly equipped according to the specific area of the project lobby. For example, the guest room is divided into five areas according to the modular design standard: toilet and shower area, washstand and wardrobe combination area, viewing area, sleeping area and leisure work area. If the new standard is adopted, the guest room can fill the module according to the area without solid wall. All drawings can be completed in about 30 days, and furniture and facilities production can be completed in about 45 days. According to the introduction, such a modular way can greatly reduce the design drawing time in the early stage. On the premise of ensuring the design quality, the design cycle of single shop drawing can be shortened by one third, and the design time of the whole set of construction drawings can be compressed within 30 days, which not only ensures the dining and accommodation experience of guests, but also greatly improves the efficiency of hotel design and construction. Space diversification adjusts modules flexibly according to the actual space, and practicing "more than one side" business travel experience modularization does not mean identity. The design standard of Chaoman hotel has not only one scheme, but also a variety of design schemes for each functional module, which can flexibly adjust the use and setting of modules according to the actual situation of the hotel. For example, of the 7 modules in the hotel lobby, 4 are necessary modules (reception area, luggage room, rest waiting area, public toilet), and 3 are optional function modules (multi-functional use area, independent office area, water bar area). If the lobby area is medium, the combination seats and movable screen partition of the multi-functional use area can be used as the dining room in the breakfast period and the office or meeting in other periods, so as to make full use of the internal space of the hotel to meet more diversified needs. In the necessary modules, there are also many design schemes: for example, the reception area can choose the arc design, or the rectangular stepped reception desk design. According to the actual space size of the hotel, the design team of Chaoman hotel will select the appropriate scheme collocation to let the guests experience the intimate care of "more than one side of travel" of Chaoman hotel. According to the function, Chaoman hotel has also modularized the guest rooms, and considerate the different needs of the guests in terms of function. It has provided tatami room, standard big bed room, standard double bed room, film room, suite and other design schemes, which can meet the diversified needs of business travel, tourism, family travel, leisure vacation, business negotiation, etc., and is of different sizes The template combination scheme is designed according to the design. After the modular design standard is implemented, Chaoman hotel will provide furniture in accordance with the design standards, including bed, desk, chair, sofa, tea table, bar, TV cabinet, projection curtain, bathroom hardware, glass and wood decoration in guest room wardrobe, hand washing table, sleeping area, office area and leisure area. These furniture not only has a short production cycle (only 45 days), but also can shorten the preparation period to 5 months, and the design style is upgraded in an all-round way: the material is made of rose gold metal facing and marble elements, highlighting the texture of the product; the appearance is mostly simple "Nordic style" design, coupled with the relaxed log color, creating a "sense of pressure" for the residents on the way to business travel, providing a relaxed and relaxed Space. The modular design standard launched by the Chao man hotel design team is based on the summary of many years of hotel design experience, the essence of guest feedback and experience. It can not only quickly and conveniently create a commercial space in the quick life, but also can be diversified. Chaoman hotel is committed to exploring the possibility of space, so that the guests can enjoy the pleasant surprise of colorful and leisurely in addition to comfort and relaxation. In the future, in the industry competition of mid end business hotels, Chaoman Hotel, which boasts and practices "travel more than one side", has obviously taken a step ahead.</p>
                        <div class="time">2020 / 09 / 14</div>
                        <a href="/news/news_info.html?id=69" class="link">See more</a>
                    </div>
                </div>
            </div>

            <div class="new-news-list">
                <div class="item active">
                    <div class="time">
                        <span class="date">27</span>
                        <span class="year-month">2020.09</span>
                    </div>
                    <div class="detail">
                        <h3 class="title"><a href="/news/news_info.html?id=70">Chaoman Hotel releases a brand new propaganda film with vivid interpretation&ldquo;Travel is more than one side&rdquo;</a></h3>
                        <p class="summary">Recently, Chaoman, a middle end business and leisure hotel brand of Jinjiang Hotel (China), released a brand-new brand promotion video. Based on the travel life scene of a young man, this paper interprets the brand concept of "travel more than one side" of Chaoman Hotel, and shows its business travel space with a sense of quality. -1 - enjoy the balance between work and life in a fast life. Most enterprise managers or business personnel inevitably need to travel on business. Sometimes they even have to travel to multiple cities within a month, so it is difficult to take into account the quality of life in the fast-paced journey. Chaoman hotel is committed to creating a business travel space which can temper the texture of products in the fast life. Strive to find more quality life experience for residents besides the fast life of business travel. And the latest promotional video is also based on this, to "travel more than one side" of a new exploration. The film uses a combination of exterior and interior scenes. The protagonist in suit and suit hurried to and from high-rise buildings and airports. Business meetings and scheme discussions are held one after another, which reappears the fast-paced business life in life. When the scene changes to the hotel, the protagonist changes into a comfortable t-shirt, exercises in the gym of the hotel, and enjoys reading in the guest room The fast-paced business life seems to be slowing down. This is exactly the life aesthetics advocated by Chaoman hotel. "FIKA" - no matter how busy life is, you should take time to relax; "lagom" - slow down and enjoy the simple fun of life. Many people mistakenly believe that the imbalance between work and life is because they are too busy. However, work and life are not the opposite. Life is at this moment, covering everything. We want to be able to freely switch between work and life. Chaoman hotel has a multi-functional transformation area, which can quickly respond to various needs, business and leisure can be switched at any time. Breakfast, afternoon tea, unlimited drinking corridor, self-service office equipment. Business life can also be like the protagonist in the film, easily switching scenes and states. -2 - conference room, coffee shop, gymnasium and other multi space create colorful business travel space. In addition to showing multi-faceted life with natural elements, Chaoman hotel also fully displays the multi-dimensional space with quality and sense of science and technology in the propaganda film of Chaoman Hotel, which can be said to be full of attraction for tired business travelers. For example, Chaoman hotel has added screen design in its guest rooms. Pulling the screen can separate personal living space from working space, which can be used for business negotiation and group meeting. And remove the screen, but also can become a friendly gathering space. All kinds of conference rooms, projection rooms, gymnasiums, cafes, laundry rooms and other facilities are standard, so that business travelers can set aside more time to taste life in the fast-paced business life. Chaoman hotel's room intelligent control system with a unique sense of science and technology is also a highlight of the promotional film: you can unlock the door, open the curtain, and turn on the light with the mobile phone app, and experience the freshness and fun; the hotel is equipped with four light modes to meet the needs of reading, sleeping and watching movies. In addition, the interior decoration of Chaoman hotel is also full of characteristics: it is not the modern style of business hotels in the past, but the Nordic style that young people like nowadays. A large number of log colors are used to give people a warm and intimate visual feeling, which makes people relax their nervous tension, keep awake and focus on themselves again. Chaoman Hotel redefines the style of Business Hotel, and is committed to creating a business accommodation space full of quality and adapting to modern fast life. This promotional video also uses a unique form to show people the "colorful living" in the quality business travel space. </p>
                    </div>
                </div>
                <div class="item active">
                    <div class="time">
                        <span class="date">30</span>
                        <span class="year-month">2020.09</span>
                    </div>
                    <div class="detail">
                        <h3 class="title"><a href="/news/news_info.html?id=71">Zmax and Chaoman made their debut in Jinjiang exhibition with fruitful results, and the total investment amount exceeded 10 million!</a></h3>
                        <p class="summary">On September 28, the 9th China International Hotel Investment and Franchise Exhibition opened in Shanghai Hongqiao National Convention and Exhibition Center. Zmax hotels and Chaoman Hotel, as medium and high-end hotels affiliated to Jinjiang Hotel (China), have attracted the attention of the whole audience once they appear. Affected by this year's sudden epidemic, the tourism industry encountered "freezing point", which also brought a heavy blow to the hotel industry. The cold winter, which lasted nearly half a year, is still spreading. Under the adversity, Chaoman and Zmax are all united and motivated. This exhibition stand is unique in shape, like a sailing boat, implying that the tide and Zmax will "ride the wind and ride the waves without fear". It is understood that Chaoman and Zmax held the exhibition online and offline. The live broadcast room and the scene were very popular, and the investors had strong cooperation intention, and the total amount of funds received was as high as 10.06 million. Zmax brews freedom to be a real "wine" hotel. Zmax is committed to creating a "not only a place for rest, but also a space for expressing free attitudes". Zmax hotels, as a medium and high-end design hotel under Jinjiang Hotel (China), is also a hotel with spiritual attributes and local cultural or regional characteristics, providing a space for free expression and individual attitude. In this year's exhibition site, Zmax, which advocates "brewing freedom", has created a unique Zao dynamic space for consumers. Beauty is more powerful! In the performance data and ranking of Jinjiang hotels (China) in August 2020, three key data of Zmax hotels ranked first among the 12 middle end brand hotels in Jinjiang. Its revenue generation index (RGI) in August was 132.8%, far ahead of 104.1% of the second place, showing a steady business trend and strong customer acquisition ability. Z shop, as Zmax's social e-commerce, advocates "in a mediocre life, why be serious". The surrounding areas with rich categories not only meet the daily life and travel needs of fans, but also broaden the future development space of Zmax. As an independent catering business of Zmax, Zao bar has launched a rich and optimized meal and wine product. In this exhibition, Zmax also brought unique craft beer to consumers. The new experience of drinking craft beer while visiting the exhibition attracted a large number of customers, and the scene was very popular. Chaoman Hotel redefines business travel space by upgrading its texture. Chaoman Hotel advocates colorful living, and is committed to creating a business travel space with more than one travel experience. Strive to find more quality life experience for residents besides the fast life of business travel. Its "modular space design standard" can quickly unify the design standards through the modular treatment of hotel space. While ensuring the diversity of space, it also greatly improves the efficiency of hotel design and construction. In this exhibition, Chaoman also brought smart hotel solution - Yoda system. High quality card free door lock, non inductive power automatic dimming, elevator control and other functions can provide customers with humanized intelligent service and comfortable and safe environment, which is favored by investors. In addition to the live cloud watching activities of online celebrities, Zmax and Ms. Huang Xuan, the brand manager of Chaoman, also came to the scene to carry out brand propaganda activities. They had zero distance communication with investors, sharing brand stories and understanding of the quality space of fast life. In the future, Zmax and Chaoman will continue to work and innovate. Taking advantage of the wind and waves of the new era, we will work hand in hand with the majority of investors to write a new chapter of the brand. </p>
                    </div>
                </div>
                <div class="item active">
                    <div class="time">
                        <span class="date">01</span>
                        <span class="year-month">2020.10</span>
                    </div>
                    <div class="detail">
                        <h3 class="title"><a href="/news/news_info.html?id=72">The quality space of diversified business and tourism has risen again. Chaoman hotel has achieved a total investment of 8.86 million in Jinjiang exhibition!</a></h3>
                        <p class="summary">On September 28, the three-day Dajiang · unbounded 2020 Jinjiang Hotel (China region) investment and franchise appreciation meeting was held in Shanghai Hongqiao National Convention and Exhibition Center. Affected by this year's sudden epidemic, the tourism industry encountered "freezing point", which also brought a heavy blow to the hotel industry. The cold winter, which lasted nearly half a year, is still spreading. Under the adversity, the whole staff of Chaoman hotel are united and motivated. The stand is unique in shape, like a sailboat, implying that the tide will "ride the wind and waves, fearless to move forward". Chaoman hotel's strong brand has given investors great confidence and achieved a total investment of 8.86 million yuan! &As a medium and high-end hotel subordinate to Jinjiang Hotel (China), Chaoman Hotel advocates colorful living, and is committed to creating a business travel space that can refine the quality of life in a fast life. Strive to find more quality life experience for residents besides the fast life of business travel. Chaoman 2.0 is full of new life, integrating "joint office public area + Leisure modern design guest room + multi-functional physical fitness charging station" into one, upgrading the texture. The "modular space design standard" introduced by the company not only ensures the diversity of space, but also greatly improves the efficiency of hotel design and construction. On the premise of ensuring the design quality, the design cycle of single shop drawings can be shortened by one third, and the design time of complete set of construction drawings can be reduced to 30 days. Modularity does not mean identity. According to the actual situation of the hotel, the design team of Chaoman hotel can select appropriate scheme collocation and flexibly adjust the use and setting of modules. In order to meet the diversified needs of business travel, travel, family travel, leisure vacation, business negotiation and other diversified needs of guests, truly realize "more than one side of travel". &Digital operation & nbsp; gives users a sense of future & nbsp; experience & nbsp; in the post epidemic era, the hotel industry has become the future development trend with the help of science and technology. Another driving force and goal of Chaoman development is to continuously optimize user experience and give residents a sense of future experience. Digital operation -- Youda system online not only provides support for hotel operation, realizes scientific point-to-point management and control, and improves the efficiency of hotel operation; the application of IOT door lock system and guest control RCU system will accurately solve the demand, bring efficient and convenient product experience for guests, and expand the unlimited potential of hotel application ecology. The colorful series of Chaoman Hotel redefines the style of business hotel by constantly making efforts on differentiation on the premise of maintaining the original brand concept, taking into account all customer needs and spiritual consumption feelings. Relying on the strong support of Jinjiang hotel group and the huge membership system, Chaoman Hotel · fanfen brings the single hotel which conforms to the tonality of Chaoman hotel into its arms and provides a platform and empowerment for it. The brand chain, space diversification and innovation digital operation of Chaoman Hotel colorful series are realized. In addition to the live cloud watching activities of online celebrities, Ms. Huang Xuan, the brand manager of Chaoman, was invited to the stage to share her brand concept, market development status and her views on quality and fast living space. It also introduces the Nordic life aesthetic culture advocated by Chaoman: FIKA -- no matter how busy life is, you should take time to relax; lagom -- slow down and enjoy the simple fun of life; hgge -- return to self and enjoy intimacy. In 2020, Chaoman Hotel won the "outstanding enterprise award" and "China outstanding development potential hotel brand" of China Hotel Star Award, which not only shows the recognition of Chaoman hotel by society and industry, but also pushes Chaoman forward. With the gradual recovery of the tourism market, Chaoman hotel will be able to ride the wind and waves of the new era, work hand in hand with the majority of investors, and climb the peak again.</p>
                    </div>
                </div>
            </div>
        </div>
        <a href="/news/index.html" class="reset-btn">More news</a>
    </div>
    <div class="ornament-1"></div>
    <div class="ornament-2"></div>
</div>
<div class="index-se-5">
    <div class="container">
        <div class="partner-prev"></div>
        <div class="partner-group">
            <p class="brand-img"><img class="lazyload" data-src="../static/picture/partner_1.png" /></p>
            <p class="brand-img"><img class="lazyload" data-src="../static/picture/partner_2.png" /></p>
            <p class="brand-img"><img class="lazyload" data-src="../static/picture/partner_3.png" /></p>
            <p class="brand-img"><img class="lazyload" data-src="../static/picture/partner_4.png" /></p>
            <p class="brand-img"><img class="lazyload" data-src="../static/picture/partner_5.png" /></p>
            <p class="brand-img"><img class="lazyload" data-src="../static/picture/partner_6.png" /></p>
            <p class="brand-img"><img class="lazyload" data-src="../static/picture/partner_7.png" /></p>
            <p class="brand-img"><img class="lazyload" data-src="../static/picture/partner_8.png" /></p>
            <p class="brand-img"><img class="lazyload" data-src="../static/picture/partner_9.png" /></p>
            <p class="brand-img"><img class="lazyload" data-src="../static/picture/partner_10.png" /></p>
            <p class="brand-img"><img class="lazyload" data-src="../static/picture/partner_11.png" /></p>
            <p class="brand-img"><img class="lazyload" data-src="../static/picture/partner_12.png" /></p>
            <p class="brand-img"><img class="lazyload" data-src="../static/picture/partner_13.png" /></p>
            <p class="brand-img"><img class="lazyload" data-src="../static/picture/partner_14.png" /></p>
            <p class="brand-img"><img class="lazyload" data-src="../static/picture/partner_15.png" /></p>
            <p class="brand-img"><img class="lazyload" data-src="../static/picture/partner_16.png" /></p>
            <p class="brand-img"><img class="lazyload" data-src="../static/picture/partner_17.png" /></p>
        </div>
        <div class="partner-next"></div>
    </div>
</div>
<footer class="footer">
    <div class="container">
        <div class="box">
            <div class="logo"><img src="../static/picture/1.jpg" width="80px" height="80px"></div>
            <div class="footer-nav">
                <a href="/" class="nav-item">Page</a>
                <a href="../index/aboutus.html" class="nav-item">About Xiaoyi</a>
                <a href="../index/visu.html" class="nav-item">User Login</a>
                <a href="index.html" class="nav-item">User register</a>
                <a href="../news/index.html" class="nav-item">news information</a>
                <a href="../BookList" target="_blank" class="nav-item">Hotel Reservation
                </a>
            </div>
        </div>
        <div class="ewm-wrap lg-hide">
            <img class="public-ewm" src="../static/picture/public-ewm.jpg"/>
            <p class="txt">长按识别二维码，关注公众号</p>
        </div>
        <p class="copyright">
            Copyright &copy; 2020 - 2020 小意精品酒店（湖南涉外经济学院） <a href="http://www.baidu.com" target="_blank">湘ICP备20201119号</a>
        </p>
    </div>
</footer>
<div class="back-top"></div>
</body>
<script src="../static/js/jquery.min.js"></script>
<script src="../static/js/lazysizes.min.js"></script>
<script src="../static/js/slick.js"></script>
<script src="../static/js/jquery.appear.js"></script>
<script src="../static/js/wow.min.js"></script>
<script src="../static/js/countup.min.js"></script>
<script src="../static/js/main.js"></script>
</html>
<script type="text/javascript">
    $(function() {
        (function() {
            $('#showImages').slick({
                autoplay: true,
                autoplaySpeed: 3000,
                arrows: false,
                swipe: false,
                pauseOnHover: false,
                infinite: true,
                speed: 500,
                fade: true,
                cssEase: 'linear',
                asNavFor: '#hotelIntroduction'
            });

            $('#hotelIntroduction').slick({
                arrows: false,
                swipe: false,
                pauseOnHover: false,
                infinite: true,
                speed: 500,
                fade: true,
                cssEase: 'linear'
            });

            let slideCount = $('#showImages').slick('getSlick').slideCount;
            let currentSlide = $('#showImages').slick('slickCurrentSlide');
            let dotsLi = '';
            let a = false;

            for(let i = 0; i < slideCount; i++) {
                dotsLi += `<div class="dot"></div>`;
            }

            $('#roomDots').append(dotsLi);
            $('#roomDots .dot:eq(' + currentSlide + ')').addClass('active');
            $('#showImages').on('afterChange', function(ev, slick, currentSlide) {
                $('#roomDots .dot:eq(' + currentSlide + ')').addClass('active').siblings().removeClass('active');
                a = false;
            });
            $('#roomDots .dot').click(function() {
                if(a) {
                    return;
                }
                a = true;
                $(this).addClass('active').siblings().removeClass('active');
                let thisIndex = $(this).index();
                $('#showImages').slick('slickGoTo', thisIndex);
            });
        })();

        //kv图轮播
        (function() {
            $('#kv .slider-group').slick({
                autoplay: true,
                autoplaySpeed: 3000,
                arrows: false,
                swipe: false,
                pauseOnHover: false,
                infinite: true,
                speed: 500,
                fade: true,
                cssEase: 'linear'
            });

            let kvCount = $('#kv .slider-group').slick('getSlick').slideCount;
            let currentKv = $('#kv .slider-group').slick('slickCurrentSlide');
            let kvDotsLi = '';
            let b = false;

            for(let i = 0; i < kvCount; i++) {
                kvDotsLi += `<div class="dot"></div>`;
            }

            $('#kv .dots').append(kvDotsLi);

            $('#kv .dots .dot:eq(' + currentKv + ')').addClass('active');
            $('#kv .slider-group').on('afterChange', function(ev, slick, currentSlide) {
                $('#kv .dots .dot:eq(' + currentSlide + ')').addClass('active').siblings().removeClass('active');
                b = false;
            });
            $('#kv .dots .dot').click(function() {
                if(b) {
                    return;
                }
                b = true;
                $(this).addClass('active').siblings().removeClass('active');
                let thisIndex = $(this).index();
                $('#kv .slider-group').slick('slickGoTo', thisIndex);
            });
        })();

        if($(document).width() < 768){
            $(".partner-group").slick({
                slidesToShow: 3,
                slidesToScroll: 3,
                autoplay: true,
                autoplaySpeed: 3000,
                prevArrow: ".partner-prev",
                nextArrow: '.partner-next'
            });
        }
    });
</script>